

{include file="common@public/_category" /}


 <!-- container -->
  <div class="container">
      <!-- banner -->
      <div class="callbacks_container">
          <ul class="rslides slider">
              <li><a href="" style="background:url(/public/uploads/timages/banner1.jpg) no-repeat center top"></a></li>
              <li><a href="" style="background:url(/public/uploads/timages/banner1.jpg) no-repeat center top"></a></li>
              <li><a href="" style="background:url(/public/uploads/timages/banner1.jpg) no-repeat center top"></a></li>
              <li><a href="" style="background:url(/public/uploads/timages/banner1.jpg) no-repeat center top"></a></li>
          </ul>
      </div>
      
      <!-- quick entry -->
      <div class="quick-entry">
          <div class="wrap clearfix">
              <div class="quick-tit">快捷入口</div>
              <div class="quick-list">
                  <ul class="clearfix">
                      <li class="quick-icon3">
                          <div class="quick-con"><i></i><a href="">登录</a>/<a href="">注册</a> </div><em></em>
                      </li>
                      <li class="quick-icon1">
                          <div class="quick-con"><i></i><a href="">物流跟踪</a></div><em></em>
                      </li>
                      <li class="quick-icon2">
                          <div class="quick-con"><i></i><a href="">售后申请</a></div><em></em>
                      </li>
                      <li class="quick-icon5">
                          <div class="quick-con"><i></i><a href="">电子画册</a></div><em></em>
                      </li>
                      <li class="quick-icon4">
                         <div class="quick-con"><i></i><a href="">帮助中心</a></div><em></em>
                      </li>
                  </ul>
              </div>
          </div>
      </div>
      <div class="quick-dashed"></div>

      <!-- product list -->
      <div class="product-list wrap clearfix">
          <div class="product-img product-w0"><img src="/public/uploads/timages/pro-img9.jpg" /></div>
          <div class="product-left">
              <div class="product-img product-w1"><img src="/public/uploads/timages/pro-img5.jpg" /><a href=""></a></div>
              <div class="product-img product-w2"><img src="/public/uploads/timages/pro-img10.jpg" /><a href=""></a></div>
              <div class="product-img product-w3"><img src="/public/uploads/timages/pro-img11.jpg" /><a href=""></a></div>
              <div class="product-img product-w4"><img src="/public/uploads/timages/pro-img12.jpg" /><a href=""></a></div>
          </div>
          <!--
          <div class="product-img product-w2"><img src="/public/uploads/timages/pro-img5.jpg" /> <a href=""> <span>限时特惠</span></a></div>
          <div class="product-img product-w3"><img src="/public/uploads/timages/pro-img2.jpg" /> <a href=""> <span>限时特惠</span></a></div>
          <div class="product-img product-w4"><img src="/public/uploads/timages/pro-img3.jpg" /> <a href=""> <span>限时特惠</span></a></div>
          <div class="product-img product-w5"><img src="/public/uploads/timages/pro-img4.jpg" /> <a href=""> <span>限时特惠</span></a></div>-->
      </div>

  </div>

 <script type="text/javascript" src="/public/static/home/js/menu.js"></script>
 <!-- banner -->
 <script type="text/javascript" src="/public/static/home/js/responsiveslides.min.js"></script>
    <script>
    $(function(){
        //site-t-img
        $(".site-t-img i").click(function(){
           $(this).parents(".site-t-img").fadeOut(300);
        })
        //submenu
        $(".menu-all div").click(function () {
            $(".submenu").toggle();
        })

        //top select
        $(".top-select").mouseover(function () {
            $(".top-s-text").show();
        })
        $(".top-select").mouseout(function () {
            $(".top-s-text").hide();
        })
        $(".top-s-text div").click(function () {
            var selecttext = $(this).text();
            $(".top-s-head span").text(selecttext);
            $(this).parent(".top-s-text").hide()
        })
        // top code
        var turn = function(target,time,opts){
        target.find('.top-code').hover(function () {
            $(this).find('.top-c-img').stop().animate(opts[0], time, function () {
          $(this).hide().next().show();
          $(this).next().animate(opts[1],time);
        });
      },function(){
          $(this).find('.top-c-text').animate(opts[0], time, function () {
          $(this).hide().prev().show();
          $(this).prev().animate(opts[1],time);
        });
          });
        }
        var verticalOpts = [{'width':0},{'width':'80px'}];
        turn($('.top-right'), 150, verticalOpts);

        //left submenu
        $(".submenu ul li").each(function () {
            var $this = $(this);
            var $children = $this.find('.submenu-pro');
            var $otherChildren = $this.siblings('li').find('.submenu-pro');
            var $childrenList = $children.children('.submenu-total');
            $this.on({
                'mouseenter': function () {
                    $children.css({ 'display': 'block', 'width': 221 * parseInt($childrenList.size()) });
                    $otherChildren.css('display', 'none');
                },
                'mouseleave': function () {
                    $children.css('display', 'none');
                }
            })
        });
    })
    // banenr
    $(".slider").responsiveSlides({
        auto: true,
        pager: false,
        nav: true,
        speed: 800,
        timeout: 4000,
        pager: true,
        pauseControls: true,
        manualControls: "",
        namespace: "callbacks"
    });
</script>